import { StyleSheet } from 'react-native';
import { Header } from 'react-navigation';
let headerHeight = Header.HEIGHT / 3;
export default styles = StyleSheet.create({
    box: {
        flex: 1,
        paddingTop: headerHeight,
        alignItems: 'center'
    },
    boxPaddingRow: {
        paddingHorizontal: '3%'
    },
    transverse: {
        width: '100%',
        display: 'flex',
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center'
    },
    vertical: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center'
    },
    // 搜索
    search: {
        flex: 1,
        height: 30,
        borderRadius: 15,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#ededed'
    },
    searchText: {
        color: '#a7a7a7',
        marginLeft: 10
    },
    historicalRecord: {
        width: 17.5,
        height: 17.5,
        marginLeft: 15
    },
    // Tabs
    tabs: {
        flex: 1,
        height: 150,
        color: '#000',
        backgroundColor: 'red',
    },
    // 走马灯
    notable: {
        marginBottom: 10
    },
    wrapper: {
        height: 170,
        backgroundColor: '#fff',
    },
    containerHorizontal: {
        flexGrow: 1,
        alignItems: 'center',
        justifyContent: 'center',
        height: 150,
        backgroundColor: '#999'
    },
    // 自适应图片
    imageAdaptation: {
        width: 375,
        height: 170,
        position: "absolute",
    },
    // 内容
    content: {
        flex: 1
    },
    listItem: {
        padding: 10
    },
    //付费
    pay: {
        width: 39.5, 
        height: 14.5, 
        borderRadius: 3, 
        backgroundColor: 'red',
        flexDirection: 'row', 
        justifyContent: 'center', 
        alignItems: "center", 
        position: "absolute", 
        top: 0, 
        left: 118, 
        zIndex: 10
    }
})